// 底部单个居中按钮定位 不靠底 by hjm
.footer-btn-container {
    position: fixed;
    bottom: 0.375rem;
    left: 0;
    right: 0;
    text-align: center;

    a {
        display: inline-block;

        &:hover {
            color: #fff;
        }
    }
}


.footer-wrapper {
    position: relative;
    height: .51rem;
}

// 从新定义mui里面的bar-tab样式,改成rem单位 by hjm
.bar-tab {
    background-color: #fff;
    z-index: 9;
    -webkit-box-shadow: none;
    border-top: 1px solid #d2d2d2;
    height: 0.5rem;

    .mui-tab-item {
        font-size: 0.18rem;
        height: 0.5rem;

        &::before {
            content: '';
            height: 0.3rem;
            width: 1px;
            display: block;
            position: absolute;
            background-color: #d2d2d2;
            margin-top: -0.03rem;
        }
        &:first-child {
            &::before {
                display: none;
            }
        }
    }
}
// 多个按钮 by hjm
.footer-btn-group {
    -webkit-box-flex: 1.0;
    display: block;
    margin: 0.1rem 0;
    font-size: 0.16rem;
    line-height: 0.3rem;
}

// 抢单详情按钮 by hjm
.rush-detail-btn {
    width: 0.9rem;
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.4rem;
    color: #fff;
    text-indent: -999rem;
    background: transparent url('../images/rushDetail/rush-btn.png') no-repeat center center / 100% auto;
}

// 签收详情按钮 by hjm
.sign-detail-btn {
    height: 0.48rem;
    width: 1.35rem;
    background-color: #2cc57b;
    color: #fff;
    line-height: 0.48rem;
    -webkit-border-radius: 999rem;
    font-size: 0.22rem;
}

//绿框/绿字/中间白，配合btn使用
.lf-green-outlined-btn{
    background-color: transparent;
    color: #2cc57b;
    border: 1px solid #2cc57b;
    padding: .06rem 0;
}

.lf-green-outlined-btn:active{
    color: #fff;
    background-color: #449d44;
    border: 1px solid #449d44;
}

//全绿色按钮，白字,配合btn使用
.lf-green-btn{
    color: #FFF;
    background-color: #2cc57b;
    border:0;
    padding: .06rem 0;
    text-align: center;

    &.mui-btn {
        border-color: #2cc57b;
    }
}

.lf-green-btn:active{
    color: inherit;
    background-color: #ccc;
}

// 块级带箭头按钮 by hjm
.block-btn-arrow {
    display: block;
    border-top: 1px solid #d9d9d9;
    clear: both;
    color: #000;

    article {
        display: -webkit-box;
        -webkit-box-align: center;
        line-height: 0.5rem;

        h2 {
            -webkit-box-flex: 1.0;
            text-indent: 0.104rem;
            font-size: 0.14rem;
            line-height: 0.5rem;
            margin: 0;
            color: #222;
            font-weight: normal;
        }

        .text-before-arrow {
            margin: 0;
            padding-right: 0.28rem;
            font-size: 0.14rem;
        }
        &::after {
            content: '';
            position: absolute;
            width: 0.09rem;
            height: 0.09rem;
            display: block;
            border-color: #929292;
            border-style: solid;
            border-width: 0 1px 1px 0;
            margin-left: -0.25rem;
            margin-top: 0.2rem;
            -webkit-transform: rotate(-45deg);
        }
    }
}
.up-load-img-btn {
    display: inline-block;
    width: 0.81rem;
    height: 0.59rem;
    background: #ebebeb url('../images/taskProcessing/camera.png') no-repeat center center / 46% auto;
    text-indent: -999rem;
}

// radio按钮 by hjm
.radio-box {

    label {
        display: inline-block;
        margin-left: 0.145rem;
    }
    .radio-check {
        position: absolute;
        left: -999rem;

        &:checked + .radio-icon-checked {
            &::after {
                content: '\e472';
                background-color: #3dc684;
                border: none;
            }
        }
    }
    .radio-icon-checked {

        &::after {
            content: '';
            font-family: Muiicons;
            font-style: normal;
            font-weight: normal;
            text-align: center;
            font-variant: normal;
            font-size: 0.24rem;
            color: #fff;
            display: inline-block;
            line-height: 0.23rem;
            width: 0.23rem;
            height: 0.23rem;
            -webkit-border-radius: 99rem;
            border: 1px solid #cacacf;
            vertical-align: middle;
            margin-top: -0.04rem;
            margin-left: 0.02rem;
            -webkit-box-sizing: border-box;
        }
    }
}

/**
  levy
  表单"确认提交"按钮,与mui-btn lf-green-btn配合使用
*/
.form-submit-btn{
    border-radius: 4px;
    width: 92%;
    left: 4%;
    height: .52rem;
    font-size: .23rem;
}

/**
   oa同一蓝色
**/
 .oa-btn{
     border-color: #3fd0db!important;
     color: #3fd0db!important;
 }

 .oa-title{
     background: #3fd0db!important;
 }
